<script setup>
  const tableData = [
    {
      date: '2016-05-03',
      name: 'Tom',
      address: 'No. 189, Grove St, Los Angeles',
    },
    {
      date: '2016-05-02',
      name: 'Jack',
      address: 'No. 189, Grove St, Los Angeles',
    },
    {
      date: '2016-05-04',
      name: 'Roce',
      address: 'No. 189, Grove St, Los Angeles',
    },
    {
      date: '2016-05-01',
      name: 'Linda',
      address: 'No. 189, Grove St, Los Angeles',
    },
  ]
</script>

<template>
  <el-table
  :data="tableData" 
  style="width: 650px;"
  border
  stripe>
    <el-table-column label="日期">
      <template #default="{ row }">
        <el-icon><Timer></Timer></el-icon>
        <span>{{ row.date }}</span>
      </template>
    </el-table-column>
    <el-table-column label="姓名">
      <template #default="{ row }">
        <el-button type="primary"
         text="primary"
         bg>
         {{ row.name }}
        </el-button>
      </template>
    </el-table-column>
    <el-table-column label="操作">
      <el-button>Edit</el-button>
      <el-button type="danger">Delete</el-button>
    </el-table-column>
  </el-table>
</template>


<style scoped>

</style>